<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    
  </style>
</head>
<body>
  <div class="box">
    <div class="cont"></div>
    <div class="control">
      <textarea class="txt"></textarea>
      <input type="button" value="发送" class="send">
    </div>
  </div>
</body>
<script>

  var send = document.querySelector(".send");
  var txt = document.querySelector(".txt");
  var cont = document.querySelector(".cont");

  send.onclick = function(){
    // 输入框为空，不执行
    if(txt.value === "") return;
    // 创建元素
    var p = document.createElement("p");
    // 设置新元素内容为输入框内容
    p.innerHTML = txt.value;
    // 将新元素插入到指定容器
    cont.appendChild(p);
    // 清空输入框内容
    txt.value = "";
  }
  
</script>
</html>